<?php if (isset($_SERVER['HTTP_USER_AGENT']) && !strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6')) echo '<?xml version="1.0" encoding="UTF-8"?>'. "\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" xml:lang="<?php echo $lang; ?>">
<head>
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/external/jquery.cookie.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<!--[if IE]>
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4-iefix.js"></script>
<![endif]-->
<script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script>
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->
<?php echo $google_analytics; ?>
</head>
<body>
<div id="container">
<div id="header">
  <?php if ($logo) { ?>
  <div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
  <?php } ?>

  <div id="cart">
    <div class="heading">
      <h4><?php echo $text_cart; ?></h4>
      <a><span id="cart_total"><?php echo $text_items; ?></span></a></div>
    <div class="content"></div>
  </div>
  <div id="search">
    <div class="button-search"></div>
    <?php if ($filter_name) { ?>
    <input type="text" name="filter_name" value="<?php echo $filter_name; ?>" />
    <?php } else { ?>
    <input type="text" name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
    <?php } ?>
  </div>
  <div id="welcome">
    <?php if (!$logged) { ?>
    <?php echo $text_welcome; ?>
    <?php } else { ?>
    <?php echo $text_logged; ?>
    <?php } ?>
  </div>
  <div class="links"><a href="<?php echo $wishlist; ?>" id="wishlist_total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $cart; ?>"><?php echo $text_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a><a href=""><?php echo $text_currency; ?></a></div>
</div>

<?php if ($categories) { ?>
<div id="menu">
  <ul><?php if($home_active == 1){ ?>
   <li><a class="active" href="<?php echo $home; ?>"><?php echo $text_home; ?></a></li>
   <?php } else { ?>
  <li><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a></li>
  <?php } ?>
    <?php foreach ($categories as $category) { ?>
     <?php if ($category['id'] == $category_id) { ?>
    <li><a class="active" href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
     <?php } else { ?>
   <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
    <?php } ?>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>

 <?php if (count($languages) > 1) { ?>
  <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data">
    <div id="language">
      <?php foreach ($languages as $language) { ?>
      &nbsp;<img src="image/flags/<?php echo $language['image']; ?>" alt="<?php echo $language['name']; ?>" title="<?php echo $language['name']; ?>" onclick="$('input[name=\'language_code\']').attr('value', '<?php echo $language['code']; ?>').submit(); $(this).parent().parent().submit();" />
      <?php } ?>
      <input type="hidden" name="language_code" value="" />
      <input type="hidden" name="redirect" value="<?php echo $redirect; ?>" />
    </div>
  </form>
  <?php } ?>
</div>
<?php } ?>

<div id="notification"></div>
<!-- FEATURED SLIDER -->
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/template/common/catalog/view/theme/Spicylicious/stylesheet/stylesheet.css" />
<script src="catalog/view/theme/default/template/common/catalog/view/theme/Spicylicious/js/jquery.roundabout.min.js" type="text/javascript"></script>
<div class="box featured-box">
  <div class="box-content">
    <ul id="myRoundabout">
            <li>
        <div class="prod_holder">
                    <div class="image"><a href="vay-dam-v003.html"><img src="catalog/view/theme/default/template/common/image/cache/data/So-mi-nam/228_150_240-350x350.jpg" alt="Váy đầm V003" /></a></div>
                    <h3>Váy đầm V003</h3>
        </div>
                        <div class="pricetag"> <span class="old_price">300.000vnđ</span><span class="price-new">240.000vnđ</span></div>
                      </li>
            <li>
        <div class="prod_holder">
                    <div class="image"><a href="vay-dam-v002.html"><img src="catalog/view/theme/default/template/common/image/cache/data/So-mi-nam/228_150_240-350x350.jpg" alt="Váy đầm" /></a></div>
                    <h3>Váy đầm</h3>
        </div>
                        <span class="pricetag">220.000vnđ</span>
                      </li>
            <li>
        <div class="prod_holder">
                    <div class="image"><a href="so-mi-nam-smn1006.html"><img src="catalog/view/theme/default/template/common/image/cache/data/So-mi-nam/228_150_240-350x350.jpg" alt="Sơ mi nam" /></a></div>
                    <h3>Sơ mi nam</h3>
        </div>
                        <span class="pricetag">200.000vnđ</span>
                      </li>
            <li>
        <div class="prod_holder">
                    <div class="image"><a href="vay-dam-v005.html">
                    <img src="catalog/view/theme/default/template/common/image/cache/data/So-mi-nam/228_150_240-350x350.jpg" alt="Váy đầm" /></a></div>
                    <h3>Váy đầm</h3>
        </div>
                        <span class="pricetag">230.000vnđ</span>
                      </li>
            <li>
        <div class="prod_holder">
                    <div class="image"><a href="so-mi-nam-smn1009.html">
                    <img src="catalog/view/theme/default/template/common/image/cache/data/So-mi-nam/228_150_240-350x350.jpg" alt="Sơ mi nam" /></a></div>
                    <h3>Sơ mi nam</h3>
        </div>
                        <span class="pricetag">240.000vnđ</span>
                      </li>
            <li>
        <div class="prod_holder">
                    <div class="image"><a href="ao-thun-nam-1001.html">
                    <img src="catalog/view/theme/default/template/common/image/cache/data/So-mi-nam/228_150_240-350x350.jpg" alt="Áo thun nam" /></a></div>
                    <h3>Áo thun nam</h3>
        </div>
                        <span class="pricetag">150.000vnđ</span>
                      </li>
          </ul>
    <a href="#" class="previous_round">Previous</a> <a href="#" class="next_round">Next</a> </div>
</div>
<script type="text/javascript">
   $(document).ready(function() {
		var interval;
		$('ul#myRoundabout')
		.roundabout({
		  	'btnNext': '.next_round',
			'btnPrev': '.previous_round' 
		  }
		  )
		.hover(
		function() {

		clearInterval(interval);
		},
		function() {

		interval = startAutoPlay();
		});

		interval = startAutoPlay();
		});
		function startAutoPlay() {
		return setInterval(function() {
		$('ul#myRoundabout').roundabout_animateToPreviousChild();
		}, 3000);
	} 
</script>
<!-- END OF FEATURED SLIDER -->